<template>
	<view>
		<view class="my_msg" :style="{background:backcolor}">
			<view :class="['iconfont',iconFont,'my_icon']">

			</view>
			<view>
				{{title}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	
		props: {
			title: {
				type: String
			},
			backcolor: {
				type: String
			},
			iconFont: {
				type: String
			}
		},
		data() {
			return {
				abc:'222'
			}
		},
		methods: {

		}
	}
</script>

<style>
	.my_icon {
		margin-right: 12rpx;
	}

	.my_msg {
		/* width:244rpx; */
		height: 64rpx;
		/* background:rgba(42,168,69,1); */
		box-shadow: 0px 0px 46rpx 0px rgba(0, 0, 0, 0);
		border-radius: 32rpx;
		display: flex;
		justify-content: space-between;
		font-size: 34rpx;
		color: #fff;
		align-items: center;
		padding: 0 24rpx 0 42rpx;

	}
</style>
